<template>
	<view :class="{'flex-flow':flexFlow}" class="chat-item">
		<view class="chat-head" @click="callFatherMethod()">
			<image :src="getChatAvatar(l.senderUserID)" mode="aspectFill"></image>
		</view>
		<view class="chat-wx chat-bg2 chat-on" @click="ReceivingGifts(l.message,i)">
			<view class="top">
				<view class="sanjiao2"></view>
				<view class="text">
					<text>点击拆开礼物~</text>
					<text style="color:#a1a1a1">(15天未领取礼物将退回)</text>
				</view>
				<view class="hongbao">
					<image :src="ossPath+`/giftbox.png`" mode="aspectFill"></image>
				</view>
			</view>
			<view class="bottom">
				商城礼物
			</view>
		</view>
		<view style="height: 20rpx;"></view>
	</view>
</template>

<script>
	export default {
		name: "chatReceiveMallGift",
		props:{
			flexFlow:{
				type:Boolean,
				default:true,
			},
			customData:{
				type:Object,
				default:{
					avatar:'',
					userId:0,
				},
			}
		},
		data() {
			return {
				ossPath:'',
			};
		},
		created() {
			
		},
		mounted() {
			this.ossPath = this.$ossPath;
		},
		methods: {
			callFatherMethod(){
				this.$emit('callFatherMethod',this.customData.userId)
			}
		},
	};
</script>

<style lang="scss" scoped>

	
</style>